<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>名人名言</title>
		<style>
		*{
		margin: 0px;
		padding: 0px;
		}
		body{
			padding-left: 50px;
		}
		header {
			height: 103px;
			border: 1px solid darkseagreen;
			border-top: none;
			border-left:none ;
			border-right:none ;
		}
		header h2 {
			margin-bottom: 5px;
		}
		header h3{
			margin-bottom: 5px;
		}
		header nav ul li{
			display: block;
			text-align: center;
			float: left;
			border: 1px solid darkseagreen;
			margin-top: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 5px;
			
			border-bottom: none;
		}
		header nav ul li a{
			color: grey;
			text-decoration: none;
		}
		header h3{
			color:grey ;
		}
		.sec1{
			padding-top: 20px;
		}
		.sec2{
			width: 700px;
			line-height: 40px;
			float: left;
		}
		.sec1 article{
			width:500px;
			line-height: 30px;
			border: 1px solid #8FBC8F;
			float: left;
			margin-left: 100px;
			height:550px;
			padding-left: 40px;
			padding-top: 50px;
		}
		#d1{
			border: 1px solid #8FBC8F;
		}
		#p1{
			padding-top: 10px;
			font-weight: bold;
		}
		.c1{
			border: 1px solid #8FBC8F;
			padding-left: 5px;
			padding-bottom: 3px;
			padding-top: 3px;
		}
		.p3 {
			padding-top: 10px;
			font-weight: bold;
		}
		#hr{
			clear: both;
			padding-left: 20px;
			padding-top: 80px;
			
		}
		footer{
			clear: both;
			height: 145px;
			padding-top: 30px;
			padding-left: 400px;
		}	
		</style>
	</head>
	<body>
		<header>
			<h2>名人名言</h2>
			<h3>分享名人名言，开始一段触动心灵的智慧之旅跳到内容 </h3>
			<nav>
				<ul>
					<li><a href="#">登录 </a></li>
					<li><a href="#">关于</a></li>
					<li><a href="#">名人名言</a></li>
					<li><a href="#">英文名言(English)</a></li>
					<li><a href="#">心理杂志</a></li>
					<li><a href="#">心理书籍</a></li>
					<li><a href="#">专题活动</a></li>
					<li><a href="#">发表</a></li>
				</ul>
			</nav>
		</header>
		<section class="sec1">
		
				<section class="sec2">
		
					<div id="d1">
					<h3>心理学经典名言的智慧</h3>
					<p >
					洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，
					它总是能给人们带来心灵的滋养。
					</p>
					</div>
					
					<p id="p1">
					创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思
					是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。	
					</p>
					<p class="p2">
					创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思
					是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。<br />
					发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论
					</p>
					
					<h3 class="c1">作者简介</h3>
					<p class="p3">
						如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握
						人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生
						兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待
						他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。
					</p>
					<p class="p4">
						如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握
						人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生
						兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待
						他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。				
					</p>
					<p class="p5">
					发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿.丘吉尔 | 留下评论
					</p>
					
				<div id="d2">
					<p id="p1">赞助广告</p>
					<img src="img/ad_2.jpg"/>
				</div>				
				</section>	
				
				<article>
					<p>赞助广告</p>
					<img src="img/ad.jpg" />
					<p id="p3">搜索</p>
					<form>
						<input type="search" name="search" value="点击搜索" />
					</form>
					<p id="p4">标签</p>
					<p id="p2">				 
						 60年语录 《犯罪心理》 世间百态 二十四史传统名人 体育人物 卡斯特罗 卡斯特罗名言
						  卡斯特罗语录 历史 友谊爱情 古代格言 名人名言 名人随语 教子立人 新闻事件 李白 
						  爱情语录 韩寒语录 
					</p>
				</article>
			
		</section>
		<div id="hr">
			<hr />
		</div>
		
		<footer>
			<p>&copy;All Rights Reserverd by Psytopic 来自Psytopic.com的礼物</p>
		</footer>
	</body>
</html>